<link rel="stylesheet" href="css/manger_class.css" />
<div class="classmanger am-g am-g-fixed" ms-controller="manger_class">	
	<button type="button" class="am-btn addClass" data-am-modal="{target: '#addclass-modal', closeViaDimmer: 0, width: 400, height: 400}"><span class="am-icon-plus-circle"></span> 添加班级</button>
	<div class="itemTitle" data-panel="mangerclass_panle1" ms-click='togglePanel'>
		<img ms-class="rotate-90 : !mangerclass_panle1_visible" src="img/home/箭头.png"/>
		<span>高一</span>
	</div>
	<ul class="am-avg-sm-1 am-avg-md-4 am-thumbnails itemContent" id="mangerclass_panle1">
		<li>
			<div class="am-thumbnail">
				<a href="#!/manger/class_detail"><img src="img/manger/shape-2.jpg" alt=""/></a>
	      		
	      		<span class="className">1班</span>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<div class="buttongroup">
	      			<div><span class="am-icon-unlock-alt">&nbsp;禁止加入</span></div>
	      			<div><a href="javascript:void(0)" data-am-modal="{target: '#editclass_modal', closeViaDimmer: 0, width: 400, height: 400}"><span class="am-icon-edit">&nbsp;编辑班级</span></a></div>
	      			<div><span class="am-icon-times-circle-o">&nbsp;删除班级</span></div>
				</div>
			</div>
		</li>
		
		<li>
			<div class="am-thumbnail">
	      		<img src="img/manger/班级图片.jpg" alt=""/>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<div class="buttongroup">
	      			<div><span class="am-icon-lock">&nbsp;开放加入</span></div>
	      			<div><span class="am-icon-edit">&nbsp;编辑班级</span></div>
	      			<div><span class="am-icon-times-circle-o">&nbsp;删除班级</span></div>
				</div>
			</div>
		</li>
		
		<li>
			<div class="am-thumbnail">
	      		<img src="img/manger/班级图片.jpg" alt=""/>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<div class="buttongroup">
	      			<div><span class="am-icon-lock">&nbsp;开放加入</span></div>
	      			<div><span class="am-icon-edit">&nbsp;编辑班级</span></div>
	      			<div><span class="am-icon-times-circle-o">&nbsp;删除班级</span></div>
				</div>
			</div>
		</li>
		
		<li>
			<div class="am-thumbnail">
	      		<img src="img/manger/班级图片.jpg" alt=""/>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<div class="buttongroup">
	      			<div><span class="am-icon-lock">&nbsp;开放加入</span></div>
	      			<div><span class="am-icon-edit">&nbsp;编辑班级</span></div>
	      			<div><span class="am-icon-times-circle-o">&nbsp;删除班级</span></div>
				</div>
			</div>
		</li>
		
		<li>
			<div class="am-thumbnail">
	      		<img src="img/manger/班级图片.jpg" alt=""/>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<div class="buttongroup">
	      			<div><span class="am-icon-lock">&nbsp;开放加入</span></div>
	      			<div><span class="am-icon-edit">&nbsp;编辑班级</span></div>
	      			<div><span class="am-icon-times-circle-o">&nbsp;删除班级</span></div>
				</div>
			</div>
		</li>
		
		<li>
			<div class="am-thumbnail">
	      		<img src="img/manger/班级图片.jpg" alt=""/>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<p class="code">学生序列号<span>40012428</span></p>
	      		<div class="buttongroup">
	      			<div><span class="am-icon-lock">&nbsp;开放加入</span></div>
	      			<div><span class="am-icon-edit">&nbsp;编辑班级</span></div>
	      			<div><span class="am-icon-times-circle-o">&nbsp;删除班级</span></div>
				</div>
			</div>
		</li>
	</ul>
</div>
<!--添加班级对话框-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="addclass-modal" ms-controller="addclass_modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">创建班级
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">
      <p>班级信息</p>
      <div class="am-form-group">
	      <label class="am-radio-inline">
	        <input type="radio" value="byName" ms-duplex-string="yearDefined" name="addclass-modal-year"> 选择年级名称
	      </label>
	      <label class="am-radio-inline">
	        <input type="radio" value="bySelf" ms-duplex-string="yearDefined" name="addclass-modal-year"> 自定义
	      </label>
      </div>
      <div class="am-form-group" ms-visible="yearDefined == 'byName'">
      	<select>
        	<option value="option1">初一</option>
        	<option value="option2">初二</option>
        	<option value="option3">初三</option>
        	<option value="option4">高一</option>
        	<option value="option5">高二</option>
        	<option value="option6">高三</option>
      	</select>
      	<span class="am-form-caret"></span>
      </div>
      <div class="am-form-group" ms-visible="yearDefined == 'bySelf'">
	      <input type="text" placeholder="自定义年级">
	  </div>
	  <p>班级名称</p>
      <div class="am-form-group">
	      <label class="am-radio-inline">
	        <input type="radio" value="byName" ms-duplex-string="classDefined" name="addclass-modal-class"> 选择班级名称
	      </label>
	      <label class="am-radio-inline">
	        <input type="radio" value="bySelf" ms-duplex-string="classDefined" name="addclass-modal-class"> 自定义
	      </label>
      </div>
      <div class="am-form-group" ms-visible="classDefined == 'byName'">
      	<select>
        	<option value="option1">1班</option>
        	<option value="option2">2班</option>
        	<option value="option3">3班</option>
        	<option value="option4">4班</option>
        	<option value="option5">5班</option>
        	<option value="option6">6班</option>
      	</select>
      	<span class="am-form-caret"></span>
      </div>
      <div class="am-form-group" ms-visible="classDefined == 'bySelf'">
	      <input type="text" placeholder="自定义班级">
	  </div>
	  <div class="am-form-group">
	      <button type="button" class="am-btn am-btn-secondary">创建</button>
	  </div>
	  
    </div>
  </div>
</div>
<!--编辑班级对话框-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="editclass_modal" ms-controller="editclass_modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">编辑班级
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">
      <p>班级信息</p>
      <div class="am-form-group">
	      <label class="am-radio-inline">
	        <input type="radio" value="byName" ms-duplex-string="yearDefined" name="addclass-modal-year"> 选择年级名称
	      </label>
	      <label class="am-radio-inline">
	        <input type="radio" value="bySelf" ms-duplex-string="yearDefined" name="addclass-modal-year"> 自定义
	      </label>
      </div>
      <div class="am-form-group" ms-visible="yearDefined == 'byName'">
      	<select>
        	<option value="option1">初一</option>
        	<option value="option2">初二</option>
        	<option value="option3">初三</option>
        	<option value="option4">高一</option>
        	<option value="option5">高二</option>
        	<option value="option6">高三</option>
      	</select>
      	<span class="am-form-caret"></span>
      </div>
      <div class="am-form-group" ms-visible="yearDefined == 'bySelf'">
	      <input type="text" placeholder="自定义年级">
	  </div>
	  <p>班级名称</p>
      <div class="am-form-group">
	      <label class="am-radio-inline">
	        <input type="radio" value="byName" ms-duplex-string="classDefined" name="addclass-modal-class"> 选择班级名称
	      </label>
	      <label class="am-radio-inline">
	        <input type="radio" value="bySelf" ms-duplex-string="classDefined" name="addclass-modal-class"> 自定义
	      </label>
      </div>
      <div class="am-form-group" ms-visible="classDefined == 'byName'">
      	<select>
        	<option value="option1">1班</option>
        	<option value="option2">2班</option>
        	<option value="option3">3班</option>
        	<option value="option4">4班</option>
        	<option value="option5">5班</option>
        	<option value="option6">6班</option>
      	</select>
      	<span class="am-form-caret"></span>
      </div>
      <div class="am-form-group" ms-visible="classDefined == 'bySelf'">
	      <input type="text" placeholder="自定义班级">
	  </div>
	  <div class="am-form-group">
	      <button type="button" class="am-btn am-btn-secondary">创建</button>
	  </div>
	  
    </div>
  </div>
  
</div>
<script src="js/manger_class.js"></script>